<div class="container formGroupHead" style="width: 100%; height: 100%;" data-appbuilder-object="container">
    <form id="knowledge_detail_form">
        <input type="hidden" name="knowledgeID" />
        <input type="hidden" name="userID" />
        <span><small>Knowledge</small></span>
        <input type="text" id="knowledge" name="knowledge" placeholder="Knowledge" class="jq-ui-forms">
        <span><small>Level</small></span>
        <span><!-- span is needed for android select box fix -->
            <select id="level" class="jq-ui-forms" name="level">
                <option value="-1">[Level]</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
            </select>
        </span>
        <a class="button" href="#" style="width: 100%;" data-appbuilder-object="button"
        onclick="saveKnowledge();">Save</a>
    </form>
</div>